<template>
  <div class="_wrap">
    <subTit title="各学段教师情况"/>
    <div class="_table">
      <table-scroll-pro
        :data="tableData"
        :columns="columns"
        :config= "config"
        :class-option="classOption">
      </table-scroll-pro>
    </div>
  </div>
</template>

<script>
  import subTit from '../components/subTit'
  export default {
    name: 'itemLeftBottom',
    components: { subTit },
    data() {
      return {
        tableData:[
          { name: '幼儿园', teacher: 3758, formal: 3023, employee: 523, temporary: 212 },
          { name: '小学', teacher: 5024, formal: 4569, employee: 235, temporary: 220 },
          { name: '初中', teacher: 2589, formal: 2128, employee: 182, temporary: 279 },
          { name: '高中', teacher: 1542, formal: 1062, employee: 322, temporary: 158 },
          { name: '中职', teacher: 235, formal: 185, employee: 35, temporary: 15 },
          { name: '其他', teacher: 325, formal: 285, employee: 21, temporary: 19 }
        ],
        columns: [
          { label: '学段', prop: 'name', align: 'center', showOverflowTooltip: true },
          { label: '教师数(人)', prop: 'teacher', align: 'center' },
          { label: '正式编制(人)', prop: 'formal', align: 'center' },
          { label: '雇员制(人)', prop: 'employee', align: 'center' },
          { label: '临时工(人)', prop: 'temporary', align: 'center' }
        ],
        classOption: {
          // autoPlay: false,
          limitMoveNum: 7, // 开始滚动的数量
          singleHeight: 44, // 单步运动停止的高度(默认值0是无缝不停止的滚动)
          waitTime: 2000, // 单步停止等待时间(默认值1000ms)
        },
        config:{
          rowHeight: 42 + 'px',
          headerHeight: 56 + 'px',
          rowBGC: 'rgba(7,124,220,.16)',
          stripeBGC: 'rgba(7,124,220,.04)'
        },
      }
    },
    mounted() {
    },
    methods: {}
  }
</script>

<style scoped lang="scss">
  ._wrap {
    ._table {
      height: 320px; margin-top: 12px;
    }
  }
</style>
